page {
    background-color: #F2F2F2;
}

.content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 20rpx;
}

.optColumn {
    display: flex;
    margin-top: 40rpx;
    width: 100%;
    height: 100rpx;
}

.sendGather,
.sendNotice {
    margin: 10rpx 10rpx 10rpx 30rpx;
    padding: 10rpx 40rpx;
    height: 66rpx;
    line-height: 66rpx;
    background-color: #4186F5;
    color: white;
    border-radius: 15rpx;
}

.sendNotice {
    margin: 10rpx 10rpx 10rpx 10rpx;
}

.gatherList,
.noticeList {
    margin-top: 40rpx;
    display: flex;
    flex-direction: column;
    width: 90%;
    padding-bottom: 20rpx;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    border-radius: 30rpx;
    background-color: white;
}

.listTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 100rpx;
    min-height: 100rpx;
    background-color: #4186F5;
    border-radius: 30rpx 30rpx 0rpx 0rpx;
    color: white;
    font-size: 34rpx;
    font-weight: 550;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.itemList {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 10rpx 0rpx;
    max-height: 600rpx;
}

.itemBox {
    margin: 0 auto;
    margin-top: 20rpx;
    width: 94%;
    max-height: 200rpx;
}

.gatherItem {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 15rpx;
    background-color: #E9F4FF;
}

.noData {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100rpx;
    color: #bababa;
}

.leaderBg {
    background-color: #E9F4FF;
}

.teamLeaderBg {
    background-color: #FFF9F0;
}

.itemTag {
    margin: 0rpx 10rpx 0rpx 20rpx;
    padding: 0rpx 10rpx;
    border-radius: 40rpx;
    font-size: 25rpx;
}

.leaderTag {
    color: #4186F5;
    border: #4186F5 1px solid;
}

.teamLeaderTag {
    color: #FF9802;
    border: #FF9802 1px solid;
}

.itemContent {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-left: 20rpx;
}

.contentValue {
    margin-top: 20rpx;
    max-height: 100rpx;
    font-size: 27rpx;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sendTime {
    margin: 20rpx 0rpx;
    font-size: 25rpx;
    color: #757575;
}

.itemIcon {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    margin-right: 20rpx;
    text-align: center;
}

.newsBadge {
    top: 0rpx;
    position: absolute;
}

.icon {
    font-size: 45rpx;
}
